<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>查看详情</title>
    <link href="/css/styleShibanhe.css" type="text/css" rel="stylesheet" />
</head>
<body>
<style>
    .content{min-width: 1300px;overflow-x:auto;}
    .banner{width: 100%;height: 484px;background: url(/img/banner2.png) no-repeat center center;background-size: 1920px 100%;position: relative;}
    .bannerArea{width: 1190px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;text-align: right;z-index: 2;}
    .bannerArea p{font-size: 35px;color: #fff;line-height: 1.4;font-weight: 200;text-transform:uppercase;}
    .nav{width: 100%;height: 48px;background: url(/img/nav.png) no-repeat center center;background-size: 1920px 48px;}
    .nav p{width: 1260px;margin: 0 auto;display: flex;align-items: center;height: 48px;color: #000000;}
    .nav p img{margin-right: 10px;}

    .main{width: 100%;background: url(/img/back3.png) no-repeat;background-size: 1920px 1434px;background-position: center bottom;padding-top: 1px;}
    .detail{width: 1220px;margin: 70px auto 85px;background: rgba(255,255,255,0.5);padding: 0 20px 25px;}
    .detail h2{font-size: 22px;color: #333;text-align: center;line-height: 80px;}
    .time{font-size: 12px;color: #666;text-align: right;margin-top: 15px;}
    .language{position: absolute;top:30px;right: 30px;font-size: 12px;z-index: 222}
    .language span{margin: 0 3px;color: #ccc;}
    .language .cur{color: #fff;}
    .nav a{color: black}
</style>
<div class="content">
    <div class="banner">
        <div class="language">
            <span class="cur">中文</span>
            <span>English</span>
            <span>日本語</span>
            <span>한국어</span>
        </div>
        <div class="head">
            <div class="headLeft cur">
                <a href="/">网站首页</a>
            </div>
            <div class="headLeft">
                <a href="/walking">走进景区</a>
            </div>
            <div class="headLeft">
                <a href="/impression">印象景区</a>
            </div>
            <div class="headLeft">
                <a href="/play">玩转景区</a>
            </div>
            <img class="logo" src="/img/logo.jpg" style="width:180px;height:172px"/>
            <div class="headRight">
                <a href="/shopping">景区周边</a>
            </div>
            <div class="headRight">
                <a href="/dynamic">景区动态</a>
            </div>
            <div class="headRight">
                <a href="/strategy">旅游攻略</a>
            </div>
            <div class="headRight">
                <a href="/service">客户服务</a>
            </div>
        </div>
        <div class="bannerArea">
            <p>查看详情</p>
            <p>View details</p>
        </div>
    </div>

    <div class="nav">
        <p><img src="/img/location.png"/>您的位置：<a href="/">网站首页&nbsp;></a>&nbsp;<a href="#">查看详情</span></a></p>
    </div>

    <div class="main">
        <div class="detail">
            <h2 id="title">标题</h2>
            <div id="time" class="time">2019-11-11</div>
        </div>
        <div class="footer">
            <div class="footerTop">
                <span id="link">友情链接：</span>
                <!--<a href="#"><img src="/img/icon2.png" /></a>-->
            </div>
            <ul class="footUl">
                <li><a href="/">网站首页</a></li>
                <li><a href="/walking">走进石板河</a></li>
                <li><a href="/impression">印象石板河</a></li>
                <li><a href="/play">玩转石板河</a></li>
                <li><a href="/surrounding">景区导览</a></li>
                <li><a href="/dynamic">景区动态</a></li>
                <li><a href="/strategy">旅游攻略</a></li>
                <li><a href="/service.html">客户服务</a></li>
            </ul>
            <p><span id="companyName">安徽省石板河旅游发展有限公司</span>　版权所有　 <span id="copyright">Copyright © 2020 All Right Reserve　</span></p>
            <p>免责申明　皖公网安备 <span id="recordNo">34018102340321号</span></p>
            <p>技术支持：<span id="technicalSupport">徽章纵视</span></p>
        </div>
    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script>
    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }

    $(document).ready(function(){
        var a=GetRequest();
        var id = a['id'];
        var articleType = a['articleType'];
        $.ajax({
            type : "POST",
            url : "/scenery/article/sceneryArticleDetail",
            data : {id:id,articleType:articleType},
            async : false,
            success : function(data) {
                if(data != null && data != '') {
                    if(data.code==0){
                        $("#title").text(data.sceneryArticleDO.articleTitle)
                        $("#time").text(data.sceneryArticleDO.createTime)
                        $(".time").before(data.sceneryArticleDO.articleContent)
                    }
                }
            }
        });

        $.ajax({
            type : "POST",
            url :  "/system/link/linkList",
            async : false,
            success : function(data) {
                if(data != null && data != '') {
                    if(data.code==0){
                        var div=""
                        for (var i=0;i<data.linkList.length;i++){
                            div+="<a href='"+data.linkList[i].linkUrl+"'>";
                            $.ajax({
                                type : "POST",
                                url :  "/common/sysFile/list",
                                data : {attachId:data.linkList[i].attachId},
                                async : false,
                                success : function(data) {
                                    if(data != null && data != '') {
                                        div+="<img src='"+data[0].fileUrl+"' /></a>"
                                    }
                                }
                            });
                        }
                        $("#link").after(div)
                    }
                }
            }
        });


        $.ajax({
            type : "GET",
            url :  "/sys/sysSet/getSet",
            data : {type:''},
            async : false,
            success : function(data) {
                if(data != null && data != '') {
                    if(data.code==0){
                        var setDOList=data.setDOList
                        for (var i=0;i<setDOList.length;i++){
                            $("#"+setDOList[i].setCode).text(setDOList[i].setValue)
                        }
                    }
                }
            }
        });
    })
</script>
</body>
</html>

